<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>JavaScript Closures</title>
    
    <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="closures.css" type="text/css" media="screen" />
    <script src="../scripts/jquery.js" type="text/javascript"></script>
    <script src="closures.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="container">
      <div id="branding" class="clearfix">
        <div id="chapter-number">Appendix A</div>
        <h1>JavaScript Closures</h1>
      </div>

      <div class="content" id="example-1">
        <h3>Example 1</h3>
        <div class="log"></div>
      </div>

      <div class="content" id="example-2">
        <h3>Example 2</h3>
        <div class="log"></div>
      </div>

      <div class="content" id="example-3">
        <h3>Example 3</h3>
        <div class="log"></div>
      </div>

      <div class="content" id="example-4">
        <h3>Example 4</h3>
        <div class="log"></div>
      </div>

      <div class="content" id="example-5">
        <h3>Example 5</h3>
        <div class="log"></div>
      </div>

      <div class="content" id="example-6">
        <h3>Example 6</h3>
        <div class="log"></div>
      </div>

      <div class="content" id="example-7">
        <h3>Example 7</h3>
        <div class="log"></div>
      </div>

      <div class="content" id="example-8">
        <h3>Example 8</h3>
        <div class="trigger button">Click Here</div>
        <div class="log"></div>
      </div>

      <div class="content" id="example-9">
        <h3>Example 9</h3>
        <div class="trigger button add">Add 1</div>
        <div class="trigger button subtract">Subtract 1</div>
        <div class="log"></div>
      </div>

      <div class="content" id="example-10">
        <h3>Example 10</h3>
        <ul>
          <li>Click</li>
          <li>these</li>
          <li>items</li>
        </ul>
        <div class="log"></div>
      </div>

      <div class="content" id="example-11">
        <h3>Example 11</h3>
        <ul>
          <li>Click</li>
          <li>these</li>
          <li>items</li>
        </ul>
        <div class="log"></div>
      </div>
<!--
      <div class="content" id="example-12">
        <h3>Example 12</h3>
        <ul>
          <li>Click</li>
          <li>these</li>
          <li>items</li>
        </ul>
        <div class="log"></div>
      </div>
-->
     
    </div>
  </body>
</html>
